@charset 'utf-8';

@bgcm:#f7f7fa;

.safe() {
    width: 1248px;
    margin: 0 auto;
}

header {
    // 上
    position: sticky; 
    top:0;
    z-index: 10000;
    .bgh {
        background-color: #222;
    }
    nav {
        .safe;
        display: flex;
        justify-content: space-between;
        height: 36px;
        ul {
            display: flex;
            align-items: center;
        }
        ol {
            display: flex;
            align-items: center;
            li:nth-child(4) a{
                    padding-right: 0;
                    border-right: 0;
            }
            a {
                border-right: 1px solid #fff;
                padding: 0 13px;
                margin: 0;
               
            }
           
            i {
                margin-right: 4px;
            }
        }

        a {
            font-size: 12px;
            color: #fff;
            margin-right: 24px;
            display:block;
            line-height:12px
        }
    }
    
    #shopp {
        position: relative;
        &:hover #shopp_app{
            display: block;
        }
    }
    #shopp_app {
        position: absolute;
        top:26px;
        padding:7px;
        border-radius: 5px;
        z-index: 999;
        background-color: #fff;
        box-shadow: 0px 0px 2px 1px #eee ;
        display: none;
        img {
            width: 138px;
        }
        p {
            font-size: 12px;
            text-align: center;
            margin-top: 5px;
        }
    }
      

    // 下
    .bgb {
        background-color: #fff;
        border-bottom: 1px solid #eee
    }
    .biglogo {
        .safe;
        height: 68px;
        padding: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .nav {
        display: flex;
        justify-content: start;
        align-items: center;
        }
        .logo {
            img {
                width: 238px;
                height: 50px;
                margin-right: 10px;
            }
        }
        ul {
            display: flex;
            justify-content: space-between;
            margin-left: 30px;
            a {
                display: block;
                font-size: 14px;
                color: #000;
                padding: 22px;
            }
        }
        .search {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 16px;
            border-radius: 20px;
            background-color: #f6f6f6;
            width: 128px;
            input {
                height: 14px;
                width: 98px;
                background-color: #f6f6f6;
            }
            input::-webkit-input-placeholder {
                color: #dedede;
            }
            img {
                width: 16px;
                height: 16px;
            }
        }
    }
    
}




